<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>个人信息-$!{config.title}-Powered by wemall</title>
<meta name="keywords" content="$!config.keywords" />
<meta name="description" content="$!config.description" />
<meta name="generator" content="wemall 2.0" />
<meta name="author" content="www.wemall.com">
<meta name="copyright" content="wemall Inc. All Rights Reserved">
<link href="$!webPath/resources/style/system/front/default/css/public.css" type="text/css" rel="stylesheet" />
<link href="$!webPath/resources/style/system/front/default/css/user.css" type="text/css" rel="stylesheet" />
<link  href="$!webPath/resources/style/common/css/jquery-ui-1.8.22.custom.css" type=text/css rel=stylesheet>
<script src="$!webPath/resources/js/jquery-1.8.3.min.js"></script>
<script src="$!webPath/resources/js/jquery-ui-1.8.21.js"></script>
<script src="$!webPath/resources/js/jquery.zh.cn.js"></script>
<script>
 jQuery(document).ready(function(){
     jQuery('#birthday').datepicker({
		    dateFormat:"yy-mm-dd",
			yearRange:"1950:2020",
			changeMonth: true,
			changeYear: true
		});
	jQuery(":radio[value=$!user.sex]").attr("checked",true);
	
	//获取下级地区信息
	  jQuery("select[id^=areas_]").change(function(){						   
			var areaMark = jQuery(this).attr("areaMark");
			var parent_id = jQuery("#areas_"+areaMark).val();									   
			jQuery.post("$!webPath/buyer/account_getAreaChilds.htm",{
						"parent_id":parent_id,
						"areaMark":areaMark
						},function(data){
							if(areaMark=="province"){
							jQuery("#area_id").html("<option>请选择...</option>");	
							jQuery("#areas_city").html(data);
								}
							if(areaMark=="city"){
							jQuery("#area_id").html(data);
								}	
							},"text");										 
	  });
	  #if($!user.area)
	  jQuery("#areas_province").val("$!user.area.parent.parent.id"); 
	  jQuery("#areas_city").html("<option>$!user.area.parent.areaName</option>");
	  jQuery("#area_id").html("<option>$!user.area.areaName</option>");
	  #end
 });
</script>
</head>
<body>
$!httpInclude.include("/top.htm")
<div class="main">
  $!httpInclude.include("/buyer/head.htm")
  <div class="user_center">
    <table width="1200" border="0" cellspacing="0" cellpadding="0" class="user_table">
      <tr>
        $!httpInclude.include("/buyer/account_nav.htm?op=account")
        <td id="centerbg" valign="top">
        <div class="buyer_position"><div class="buyer_p_box"><a href="$!webPath/buyer/account.htm">我的账户</a> > <span>基本信息</span></div></div>
        <div class="productmain">
            <div class="ordernav">
              <ul class="orderul">
                <li class="this"><a href='$!webPath/buyer/account.htm' >基本信息</a></li>
                <li><a href='$!webPath/buyer/account_password.htm'>修改密码</a></li>
                <li><a href='$!webPath/buyer/account_email.htm'>修改电子邮件</a></li>
				<li><a href='$!webPath/buyer/account_mobile.htm'>修改手机号码</a></li>
                <li><a href='$!webPath/buyer/account_avatar.htm'>更换头像</a></li>
              </ul>
            </div>
            <div class="ordercon">
              <div class="addnav">
                <form action="$!webPath/buyer/account_save.htm" method="post" name="theForm" id="theForm">
                  <table width="705" border="0" cellspacing="0" cellpadding="0" class="addnavtable">
                    <tr>
                      <td width="100" align="right">用户名称：</td>
                      <td class="px10">$!user.userName</td>
                    </tr>
                    <tr>
                      <td align="right">可用余额：</td>
                      <td class="px10">¥#if($!{user.availableBalance})$!{user.availableBalance}#else 0 #end</td>
                    </tr>
                    <tr>
                      <td align="right">冻结余额：</td>
                      <td class="px10">¥#if($!{user.freezeBlance})$!{user.freezeBlance}#else 0 #end</td>
                    </tr>
                    <tr>
                      <td align="right">金币余额：</td>
                      <td class="px10">$!{user.gold}</td>
                    </tr>
                    <tr>
                      <td align="right">电子邮箱：</td>
                      <td class="px10">$!user.email#if($!user.email)<span style="color:#FF0000">[已绑定]</span><span style="color:#0000FF"><a href="$!webPath/buyer/account_email.htm">[修改]</a></span>#end</td>
                    </tr>
                    <tr>
                      <td align="right">手机号码：</td>
                      <td class="px10">$!user.mobile#if($!user.mobile)<span style="color:#FF0000">[已绑定]</span><span style="color:#0000FF"><a href="$!webPath/buyer/account_mobile.htm">[修改]</a></span>#else<a href="$!webPath/buyer/account_mobile.htm">[去绑定]</a>#end</td>
                    </tr>
                    <tr>
                      <td align="right">真实姓名：</td>
                      <td class="px10"><span class="setinput">
                        <input name="trueName" type="text" id="trueName" value="$!user.trueName" />
                        </span></td>
                    </tr>
                    <tr>
                      <td align="right">性别：</td>
                      <td class="px10">
                      <label>
                      <input type="radio" name="sex" value="-1" />
                        保密
                        </label> &nbsp; &nbsp;
                        <label>
                        <input type="radio" name="sex" value="1" />
                        男 
                        </label>
                        &nbsp; &nbsp;
                       <label>
                        <input type="radio" name="sex" value="0" />
                        女 
                        </label></td>
                    </tr>
                    <tr>
                      <td align="right" valign="top">生日：</td>
                      <td  class="px10"><span class="setinput">
                        <input name="birthday" type="text" id="birthday" value="$!CommUtil.formatShortDate($!user.birthday)" readonly="true"/>
                        </span></td>
                    </tr>
                     <tr>
                      <td align="right" valign="top">所在地区：</td>
                      <td  class="px10"><span class="setinput">
                       <select id="areas_province" areaMark="province">
                       <option>请选择...</option>
                       #foreach($area in $areas)
                       <option value="$!area.id">$!area.areaName</option>
                       #end
                       </select>
                       
                         <select id="areas_city" areaMark="city">
                       <option value="">请选择...</option>
                       </select>
                       
                        <select id="area_id" name="area_id"> 
                       <option value="">请选择...</option>
                       </select>
                        </span></td>
                    </tr>
                    <tr>
                      <td align="right" valign="top">QQ：</td>
                      <td  class="px10"><span class="setinput">
                        <input name="QQ" type="text" id="QQ" value="$!user.QQ" />
                        </span></td>
                    </tr>
                    <tr>
                      <td align="right" valign="top">阿里旺旺：</td>
                      <td  class="px10"><span class="setinput">
                        <input name="WW" type="text" id="WW" value="$!user.WW" />
                        </span></td>
                    </tr>
                    <tr>
                      <td align="right" valign="top">MSN：</td>
                      <td  class="px10"><span class="setinput">
                        <input name="MSN" type="text" id="MSN" value="$!user.MSN" />
                        </span></td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                      <td class="px10"><span class="setsub">
                        <input name="" type="submit"  value="提交" style="cursor:pointer;"/>
                        </span></td>
                    </tr>
                  </table>
                </form>
              </div>
            </div>
          </div></td>
      </tr>
    </table>
  </div>
   $!httpInclude.include("/footer.htm")
</div>
</body>
</html>
